
$(function () {
  // -------------------------------------用户管理--修改-----------------------------//
		//控制边框高亮
		$(document).on("click", "#updateUser .qrm-input-border", function () {
			if ($("#updateUser .qrm-pinming").css("background-image").indexOf("qrm-arrow-down") !== -1) {
				if ($("#updateUser .qrm-input").val() == '') {
					$("#updateUser .qrm-pinming").css("background-image", "url(images/qrm-arrow-top.png)");
					$("#updateUser .qrm-border1").show();
				} else {
					var s = $("#updateUser .qrm-input").val()
					console.log((s.split('/')).length);
					var n = (s.split('/')).length - 1;
					if (n == 1) {
						$("#updateUser .qrm-border1").show();
						$("#userDialog .qrm-border2").show();
					} else if (n == 2) {
						$("#updateUser .qrm-border1").show();
						$("#updateUser .qrm-border2").show();
						$("#updateUser .qrm-border3").show();
					} else {
						$("#updateUser .qrm-border1").show();
					}
					$("#updateUser .qrm-pinming").css("background-image", "url(images/qrm-arrow-top.png)");
				}
			} else {
				$("#updateUser .qrm-border1").hide();
				$(" #updateUser.qrm-border2").hide();
				$("#updateUser .qrm-border3").hide();
				$("#updateUser .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
			}
		});
		//第一层
		var levupdate1;
		var levupdate2;
		var levupdate3;
		//第一层 事件代理

		$("body").on("mouseover", "#updateUser .qrm-lev-1>li", function () {
			$(this).addClass("active").siblings("li").removeClass("active");
			levupdate1 = "";
			levupdate2 = "";
			levupdate3 = "";
			var html1 = $(this).children("#updateUser .li-zi-1").html();
			$("#updateUser .qrm-lev-2").html(html1);
			$("#updateUser .qrm-border2").show();
			$("#updateUser .qrm-border3").hide();
			$("#updateUser .qrm-lev-3").html("");
			levupdate1 = $(this).children("span").html();
		});
		//第二层 事件代理
		$("body").on("mouseover", "#updateUser .qrm-lev-2>li", function () {
			$(this).addClass("active").siblings("li").removeClass("active");
			if ($(this).children("#updateUser .li-zi-2").html() == undefined) {
				levupdate2 = $(this).children("span").html();
				$("#updateUser .qrm-input").val(levupdate1 + "/" + levupdate2);
				$("#updateUser .qrm-border1").hide();
				$("#updateUser .qrm-border2").hide();
				$("#updateUser .qrm-border3").hide();
				$("#updateUser .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
			} else {
				var html2 = $(this).children(".li-zi-2").html();
				levupdate2 = $(this).children("span").html();
				$("#updateUser .qrm-border3").show();
				$("#updateUser .qrm-lev-3").html(html2);
			}
			if ($(this).parent().parent().next().children("#updateUser .qrm-lev").html() == "") {
				// 去掉输入框的高亮状态
				$("#updateUser .qrm-border1").hide();
				$("#updateUser .qrm-border2").hide();
				$("#updateUser .qrm-border3").hide();
				$("#updateUser .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
			}
		});
		$("body").on("click", "#updateUser .qrm-lev-1>li", function () {
			$(this).addClass("active").siblings("li").removeClass("active");
			var dataName = $(this).find("span").attr("data-id");
			$("#updateUser .qrm-input").val(levupdate1);
			$("#updateUser .qrm-input").attr("data-id", dataName)
			$("#updateUser .qrm-border1").hide();
			$("#updateUser .qrm-border2").hide();
			$("#updateUser .qrm-border3").hide();
			$("#updateUser .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
		});
		$("body").on("click", "#updateUser .qrm-lev-2>li", function () {
			$(this).addClass("active").siblings("li").removeClass("active");
			var dataName = $(this).children("span").attr("data-id");
			$("#updateUser .qrm-input").val(levupdate1 + "/" + levupdate2);
			$("#updateUser .qrm-input").attr("data-id", dataName);
			$("#updateUser .qrm-border1").hide();
			$("#updateUser .qrm-border2").hide();
			$("#updateUser .qrm-border3").hide();
			$("#updateUser .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
		});
		$("body").on("click", "#updateUser .qrm-lev-3>li", function () {
			$(this).addClass("active").siblings("li").removeClass("active");
			levupdate3 = $(this).children("span").html();
			var dataName = $(this).children("span").attr("data-id");
			$("#updateUser .qrm-input").val(levupdate1 + "/" + levupdate2 + "/" + levupdate3);
			$("#updateUser .qrm-input").attr("data-id", dataName);
			$("#updateUser .qrm-border1").hide();
			$("#updateUser .qrm-border2").hide();
			$("#updateUser .qrm-border3").hide();
			//$(".qrm-pinming").css("background-image","url(images/qrm-arrow-down.png)");
		});
});
$(document).click(function (event) {
  var x1 = $('.box'); // 设置目标区域
  if (!x1.is(event.target) && x1.has(event.target).length === 0) { // Mark 1
    $("#updateUser .qrm-border1").hide();
    $("#updateUser .qrm-border2").hide();
    $("#updateUser .qrm-border3").hide();
    $("#updateUser .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
  }
});